/* button */
/************************************* button start */
.yellow-button {
  outline: none;
  border: none;
  border-radius: 2px;
  background: #FFE127;
  color: #1A1A1A;
  font-size: 14px;/*px*/
  transition: all .3s;
  cursor: pointer;
}
.yellow-button .icon {
  color: #1A1A1A;
  font-size: 14px;/*px*/
  margin-right: 5px;
}
.yellow-button:hover {
  background: #FFCD27;
}

.gray-button {
  outline: none;
  border: none;
  border-radius: 2px;
  background: #F5F5F5;
  color: #666;
  font-size: 14px;/*px*/
  transition: all .3s;
  cursor: pointer;
}
.gray-button .icon {
  color: #666;
  font-size: 14px;/*px*/
  margin-right: 5px;
}
.gray-button:hover {
  background: #E5E5E5;
}
.white-button {
  outline: none;
  border: solid 1px #999999;
  border-radius: 2px;
  background: #FFFFFF;
  color: #666;
  font-size: 14px;/*px*/
  transition: all .3s;
  cursor: pointer;
}
.white-button .icon {
  color: #666;
  font-size: 14px;/*px*/
  margin-right: 5px;
}
.white-white-button {
  outline: none;
  border: none;
  border-radius: 8px;
  background: #FFFFFF;
  color: #1A1A1A;
  font-size: 16px;/*px*/
  transition: all .3s;
  cursor: pointer;
}
.white-white-button .icon {
  color: #1A1A1A;
  font-size: 14px;/*px*/
  margin-right: 10px;
}
